<html>
    <head>
        <link rel="shortcut icon" href="title.ico" type="image/x-icon" />
        <meta charset="UTF-8">
        <title>Mybbs</title>
        <style>
            body,html {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
            }
            #gg {
                color:white;
                float: right;
                text-decoration: none;
                margin-right: 20px;
                line-height: 50px;
            }
            a {
                text-decoration: none;
            }
            table {
                margin: 20px auto;
                border-collapse: collapse;
                width:80%;
                height:40%;
            }
            input {
                border-radius: 5px;
                height: 30px;
            }
        </style>
    </head>
    <body>
        <div style="width: 100%;height: 50px;background-color: #1A1C20;">
            <label style="line-height:50px;color: white;font-size: 35px;margin-left: 20px;"><b>mybbs</b></label>
            <a id="gg" href="regist.php">注册</a>
            <a id="gg" href="login.php">登录</a>
        </div>
        <div style="width: 100%;height: 50%;background-color: #CCCCCC;">
            <div style="float:left;width:600px;height:300px;margin-left:50px;margin-top:50px;background-color:#F3F4F6;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;">
                <p style="background-color:#E5E7EC;line-height:30px;margin-top: 0px;border-top-left-radius: 15px;border-top-right-radius: 15px;"><b>&nbsp;mybbs>>找回密码</b></p>
                <p style="margin-top:30px;margin-left:20px;">请填写登录名和个人设置里的邮箱</p>
                <form method="post" action="server.php?action=findback">
                    <table>
                        <tr>
                            <td style="width:60px;text-align:right;">登录名:</td>
                            <td><input type="text" name="name"></td>
                            <td>允许字母,数字,中文,不能全为数字,4-12个字节</td>
                        </tr>
                        <tr>
                            <td style="text-align:right;">密&nbsp;码:</td>
                            <td><input type="password" name="psw"></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="3"><button style="margin-left:100px;font-size:14px;">找回密码</button></td>
                        </tr>
                    </table>
                </form>
                <label>&nbsp;哦~~又想起来了?</label> <a href="login.php">现在登录</a>
            </div>
        </div>
        <div style="width: 100%;height: 15%;background-color:#F3F4F6;">
            <div style="width: 100%;height:60px;background-color: #CCCCCC;">
                <div style="width: 200px;height: 60px;margin-left: 20px;">
                    <p style="line-height: 30px;margin-left:5px;">&copy;Copynight <b>mybbs-PHP905</b> Powered by <b>MyBBS v1.04</b></p>
                </div>
            </div>
        </div>
    </body>
    <script src="jquery-3.1.1.js"></script>
    <script>
        $(function(){
            $('#user').blur(function(){
                var username=$(this).val();
                if(!/[a-zA-Z0-9]{4,12}/.test(username)) {
                    $("#yanz").text("用户名格式错误!").css("color","red");
                } else {
                    $("#yanz").text("格式正确!").css("color","green");
                }
            });
        });
    </script>
</html>

